<template>
  <view class="container">
    <view class="agreement-text">
      <view class="section-title">一、我们收集的信息</view>
      <view class="paragraph">
        我们在提供服务时可能会收集您的个人信息，包括但不限于您的姓名、手机号码、电子邮箱、设备信息、IP地址、位置信息等。我们仅收集为提供更好服务所必需的信息。
      </view>

      <view class="section-title">二、信息的使用</view>
      <view class="paragraph">
        我们将使用您的个人信息为您提供服务，包括但不限于：
      </view>
      <view class="list">
        <view class="list-item">1. 用户身份验证、服务开通、客户支持</view>
        <view class="list-item">2. 改进我们的产品和服务</view>
        <view class="list-item">3. 向您发送重要通知和服务更新</view>
      </view>

      <view class="section-title">三、信息的保护</view>
      <view class="paragraph">
        我们采取各种安全措施，包括技术手段和管理措施，来保护您的个人信息免受未经授权的访问、使用或泄露。
      </view>

      <view class="section-title">四、信息的共享与披露</view>
      <view class="paragraph">
        我们不会向任何第三方出售、交换或租赁您的个人信息。但在以下情况下，我们可能会披露您的信息：
      </view>
      <view class="list">
        <view class="list-item">1. 经过您的同意</view>
        <view class="list-item">2. 法律要求或司法程序需要时</view>
        <view class="list-item">3. 保护我们权利、财产或安全时</view>
      </view>

      <view class="section-title">五、您的选择与权利</view>
      <view class="paragraph">
        您有权随时访问、修改或删除我们所收集的您的个人信息。如果您不希望我们继续收集或使用您的个人信息，您可以选择停用您的帐户或联系我们。
      </view>

      <view class="section-title">六、第三方服务</view>
      <view class="paragraph">
        我们的服务可能包含第三方的链接或服务。这些第三方的隐私政策与我们的隐私政策无关，请您在使用这些第三方服务时自行查阅其隐私政策。
      </view>

      <view class="section-title">七、隐私政策的更新</view>
      <view class="paragraph">
        我们可能会不定期更新本隐私政策。所有更新将在此页面发布，并且更新后的隐私政策一经发布即生效。请定期查看本隐私政策以了解我们的最新隐私实践。
      </view>

      <view class="section-title">八、联系我们</view>
      <view class="paragraph">
        如果您对本隐私政策有任何疑问或建议，欢迎通过以下方式联系我们：
      </view>
      <view class="list">
        <view class="list-item">电子邮件：ou@haolan.vip</view>
        <view class="list-item">客服电话：185-9340-1147</view>
      </view>
    </view>
  </view>
  <view style="width: 100%; height: 80px">&nbsp;</view>
</template>

<script>
  export default {
    data() {
      return {};
    },
    methods: {}
  }
</script>

<style scoped>
  .container {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20rpx;
  }

  .agreement-text {
    font-size: 28rpx;
    color: #333;
  }

  .section-title {
    font-size: 30rpx;
    font-weight: bold;
    margin-top: 20rpx;
    margin-bottom: 10rpx;
  }

  .paragraph {
    font-size: 28rpx;
    line-height: 40rpx;
    margin-top: 10rpx;
    /* 设置中文段落的开头缩进两个汉字的宽度 */
    text-indent: 2em;
  }

  .list {
    margin-top: 10rpx;
    margin-left: 2em; /* 为了让每个项有适当的缩进 */
  }

  .list-item {
    font-size: 28rpx;
    line-height: 40rpx;
  }

  .footer {
    padding: 20rpx;
    background-color: #f5f5f5;
    text-align: center;
  }

  .agree-btn {
    width: 80%;
    padding: 20rpx;
    font-size: 30rpx;
    background-color: #1e90ff;
    color: #fff;
    border-radius: 50rpx;
    border: none;
  }
</style>
